<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/public/stylesheets/mui.min.css" />
    <link rel="stylesheet" href="/public/stylesheets/guahao.css" />
    <title>Document</title>
    <style>
      *{
        touch-action: pan-y;
      }
      html,
      body {
        background-color: #efeff4;
      }
      .mui-bar .mui-pull-left .mui-icon {
        padding-right: 5px;
        font-size: 28px;
      }
      .mui-bar .mui-btn {
        font-weight: normal;
        font-size: 17px;
      }
      .mui-bar .mui-btn-link {
        top: 1px;
      }
      .main {
        padding-top: 50px;
      }
      span.record-status{
        display: inline-block;
        padding: 2px 5px;
      }
      span.weikanbing{
        background-color: #009688;
        color: #ffffff;
      }
      span.yikanbing{
        background-color: #1e9fff;
        color: #ffffff;

      }

      .main  > .mui-table-view{
        background-color: #f0eff5;
      }
    </style>
  </head>
  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      <h1 class="mui-title">个人信息</h1>
    </header>
    <div class="main">
      <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          <span>姓名：<%- recordsList[0].patient_name %></span>
        </li>
        <li class="mui-table-view-cell">
          <span>性别：XXX</span>
        </li>
      </ul>
      <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          <% recordsList.forEach((item,index)=>{ %>

          <div class="mui-card">
            <!-- <div class="mui-card-header">1</div> -->
            <div class="mui-card-content">
              <div class="mui-card-content-inner">
                <ul class="mui-table-view">
                  <li class="mui-table-view-cell">
                    <span>科室名称：<%- item.clinic_name %></span>
                  </li>
                  <li class="mui-table-view-cell">
                    <span>挂号时间：<%- item.registration_time_text %></span>
                  </li>
                  <li class="mui-table-view-cell">
                    <span>看病时间：<%- item.visit_time_text %></span>
                  </li>
                  <li class="mui-table-view-cell">
                    <span>接诊医生：<%- item.doctor_name %></span>
                  </li>
                  <li class="mui-table-view-cell">
                    <span >挂号状态：</span>
                    <span
                      <% if (item.record_status === 1) { %>
                      class="weikanbing record-status"
                      <% } else if(item.record_status === 2) { %>
                      class="record-status"
                      <% } else { %>
                      class="yikanbing record-status"
                      <% } %>
                      >
                      
                      <%- item.record_status_text %>
                    </span>
                    <!-- <button type="button" class="mui-btn"><%- item.record_status_text %></button> -->
                  </li>
                  <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">看病详情</a>
                    <div class="mui-collapse-content">
                      <div><%- item.record_content %></div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <% }) %>
        </li>
      </ul>
    </div>

    <footer></footer>

    <script src="/public/javascripts/mui.min.js"></script>
    <script></script>
  </body>
</html>
